<template>
  <div>
    <Card></Card>
    <Sale></Sale>
    <Observe></Observe>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import Card from '@/views/dashboard/Card/index.vue'
import Sale from '@/views/dashboard/Sale/index.vue'
import Observe from '@/views/dashboard/Observe/index.vue'

export default {
  name: 'Dashboard',
  components: {
    Card,
    Sale,
    Observe,
  },
  mounted() {
    this.$store.dispatch('getData')

  }
}
</script>

<style scoped></style>
